<div class="figure-wrapper">
  <figure
    aria-label="An outlined textfield with a floating label that says Title and a filled value that says Short and the text 5 / 10 under the field at the end"
    style="padding-block: 16px; gap: 16px"
  >
    <md-outlined-text-field label="Title" value="Short" maxlength="10"></md-outlined-text-field>
  </figure>
</div>
